﻿*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
}
.page-btn {
				position: absolute;
				bottom: 0.2rem;
				left: 50%;
				margin-left: -0.25rem;
				height: 0.4rem;
				width: 0.7rem;
				z-index: 5;
				opacity: 1;
				-webkit-animation: pagee 1.5s ease infinite;
				animation: pagee 1.5s ease infinite;
			}

			@-webkit-keyframes pagee {
				0% {
					bottom: 2.2%;
					opacity: 1;
				}
				5% {
					bottom: 2.2%;
					opacity: 1;
				}
				70% {
					bottom: 4.6%;
					opacity: 0;
				}
				90% {
					bottom: 2.2%;
					opacity: 0;
				}
				100% {
					bottom: 2.2%;
					opacity: 0;
				}
			}

			@keyframes pagee {
				0% {
					bottom: 2.2%;
					opacity: 1;
				}
				25% {
					bottom: 2.2%;
					opacity: 1;
				}
				80% {
					bottom: 4.6%;
					opacity: 0;
				}
				90% {
					bottom: 2.2%;
					opacity: 0;
				}
				100% {
					bottom: 2.2%;
					opacity: 0;
				}
			}
			/*.pagee {
				-webkit-animation-name: pagee;
				animation-name: pagee
			}*/

			.page-btn img {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
			}
.radio {
		position: absolute;
		z-index: 9;
		height: 0.9rem;
		width: 0.9rem;
		top: 0.2rem;
		right: 0;
		/*background: url("../img/music.gif") no-repeat;
		background-size: 100% 100%;*/
		z-index: 3;
	}

	.radio-img {
		display: block;
		height: 0.6rem;
		width: 0.6rem;
		top: 0.35rem;
		right: 0.3rem;
		background: url("../img/music.png") no-repeat;
		background-size: contain;
		-webkit-animation: scroll 1.5s linear infinite;
		animation: scroll 1.5s linear infinite;
		position: absolute;
		z-index: 2;
	}

	@-webkit-keyframes scroll {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@-moz-keyframes scroll {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes scroll {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
.swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}

.wraper{
	max-width: 640px;
	position: relative;
    margin: auto;
    height: 100%;
    background: url(../img/bigBg.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.swiper-container {
	width: 100%;
    height: 100%;
}

.swiper-wrapper{
	width: 100%;
	height: 100%;

}
.swiper-slide{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;

}
.ani{
	position: absolute;
}
/*---------------------------swiper-slide1--------------------*/
.leftToR{
	width: 9rem;
	height: 0.9rem;
	top:1rem;
	left:1rem;

}
img{
	width: 100%;
	height: 100%;
	display: block;

}
.fadeinUp{
	width: 50%;
    height: 109.92063492063492%;
    left: 21.25%;
    top: -116.36904761904762%;
}
.fadeinDown{
	width: 100.93749999999999%;
    height: 96.92460317460318%;
    left: -1.09375%;
    top: 42.7063492063492%;
}
.Engineer{
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	font-size: 0.9rem;
	font-family: 微软雅黑;
	font-weight: 700;
	color: #0066CD;
	left:0;
	top: 1.32rem;

}
.myname{
	width: 5.86rem;
	height: 1rem;
	left: 0.3rem;
	top: 2.57rem;
	background: #D92940;
	color:white;
	font-size: 0.7rem;
	text-align: center;
	line-height: 1rem;
	font-family: "新宋体";
	font-weight: 700;

}
.comein{
	width: 1.75rem;
	height: 0.88rem;
	line-height: 0.88rem;
	top:4.1rem;
	left: 1.48rem;
	font-size: 0.85rem;
	text-align: center;
	color: #0066CD;
	font-family: 微软雅黑;
	font-weight: 700;

}
.yingping{
	width: 1.75rem;
	height: 0.88rem;
	line-height: 0.88rem;
	top:4.1rem;
	right: 1.4rem;
	font-size: 0.85rem;
	text-align: center;
	color: #BD0000;
	font-family: 微软雅黑;
	font-weight: 700;

}
.duanduang{
	width: 120.625%;
    height: 34.12698412698413%;
    left: -1.09375%;
    top: 31.349206349206348%
}




/*---------------------------swiper-slide2--------------------------*/
.swiper-slide2 .updiv{
	width: 65%;
	height: 30.555555555555557%;
	left: 16.25%;
	top: 4.067460317460317%;
}
.swiper-slide2 .duang{
	 width: 133.125%;
    height: 47.22222222222222%;
    left: -10%;
    top: 7.8%;
}
.swiper-slide2 .duang img{
	    transform: rotate(351deg);
	    -webkit-transform:rotate(351deg);
	    -moz-transform:rotate(351deg);
}
.swiper-slide2 .huoli{
	width: 61.875%;
    height: 17.956349206349206%;
    left: 11.5625%;
    top: 13.44%;
}
.swiper-slide2 .baofa{
	width: 62.5%;
    height: 13%;
    left: 13.3125%;
    top: 23.964285714285715%;
    transform: rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
}

.swiper-slide2 .chuzhong{
	width: 66.40625%;
    height: 19.543650793650794%;
    left: 12%;
    top: 29.306349206349206%;
}
.swiper-slide2 .myself{
	width: 77.1875%;
    height: auto;
    left: 13.35188674926758%;
    top: 43.066770523313494%;


}
.swiper-slide2 .myself div{
	font-size: 0.6rem;
    font-style: italic;
    font-family: 微软雅黑;
    font-weight: 700;
    color: rgb(217, 41, 64);
    transform: rotate(342deg);
	-webkit-transform:rotate(342deg);
	-moz-transform:rotate(342deg);
}
.swiper-slide2 .down{
	width: 65%;
    height: 23.61111111111111%;
    left: 5.78125%;
    top: 41.095238095238095%;
}

.swiper-slide2 .supermen{
	width: 114.375%;
    height: 83.30555555555556%;
    left: 1.5625%;
    top: 42.89682539682539%;
}
.swiper-slide2 .ready{
	opacity: 0;
	width: 47.8125%;
    height: auto;
    left: 3.373289108276367%;
    top: 83.73786756727431%;
    z-index: 10;
}
.swiper-slide2 .ready div{
	 transform: rotate(342deg);
	-webkit-transform:rotate(342deg);
	-moz-transform:rotate(342deg);
	color: rgb(0, 98, 184);
	font-size: 0.33rem;
    font-style: italic;
    font-family: 微软雅黑;
    font-weight: 700;
}
.swiper-slide2 .upto{
	width: 50%;
    height: 109.92063492063492%;
    left: 22.8125%;
    top: -125.37698412698411%;
    z-index: 0;
}

/*----------------slide3----------------------------------------*/

.swiper-slide3 .bigtext{
	width: 87.8125%;
    height: 4.62rem;
    left: 6.406249999999999%;
    top: 1.1rem;
    background: rgb(0, 202, 130);
    opacity: 0.15;
}
.swiper-slide3 .uptext{
	width: 80.9375%;
    height: auto;
    left: 9.84375%;
    top: 1.22rem;
}
.swiper-slide3 .uptext .cmp-inner{
	width: 100%;
	height: 100%;
    color: #666666;
    font-size: 0.33rem;
    opacity: 1;
    font-family: 黑体;
    line-height: 0.44rem;
}
.swiper-slide3 .uptext .cmp-inner div{
	font-family: 微软雅黑;
    color: rgb(56, 139, 182);
    font-size: 0.33rem;
}
.swiper-slide3 .bg{
	width: 89.6875%;
    height: 1.33rem;
    left: 5.46875%;
    top: 5.78rem;
}
.swiper-slide3 .xuanzhuang{
	width: 2.5rem;
    height: 2.5rem;
    left: 18.28125%;
    top: 6.39rem;
}
.swiper-slide3 .supermenBig{
	width: 64.53125%;
    height: 15.7rem;
    left: -6.5625%;
    top: 6.2rem;
}
.swiper-slide3 .upbig{
	width: 1.98rem;
    height: 2.01rem;
    left: 61.7%;
    top: 5.8rem;
}

.swiper-slide3 .upbig img{
	opacity: 0.55;
}
.swiper-slide3 .jiantou{
	width: 0.58rem;
    height: 0.58rem;
    right: 20%;
    top: 7.8rem;
}
.swiper-slide3 .name{
	width:2.2rem;
    height: 0.8rem;
    font-size: 0.6rem;
    font-family: 微软雅黑;
    font-weight: 700;
    color: rgb(217, 41, 64);
    right: 5%;
    top: 8.0rem;
}
/*----------------------------slide4---------------------------*/
.swiper-slide4 .skill{
	width: 2rem;
    height: auto;
    right: 15%;
    top: 4.7%;
    font-style: italic;
    font-family: 微软雅黑;
    color: rgb(217, 41, 64);
    font-weight: 700;
    font-size: 0.4rem;
}
.swiper-slide4 .bigtext{
	width: 57.81%;
    height: 65.68%;
    left: 40.75%;
    top: 11.78%;
    background: rgb(0, 202, 130);
    opacity: 0.15;
}
.swiper-slide4 .miniDiv{
	width: 57.81%;
    height: 68.68%;
    left: 40.75%;
    top: 11.78%;
    z-index: 999;

}
.swiper-slide4  .miniDiv li{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	font-size: 0.28rem;
	font-family: 微软雅黑;
    color: rgb(56, 139, 182);
	padding-left: 0.2rem;
	margin-top:1.7%;

}
.swiper-slide4 .bigImg{
	width: 75.28%;
    height: 148.05%;
    left: -30.43%;
    top: -10.25%;
}
.swiper-slide4 .xuanzhuang{
	width: 2.5rem;
    height: 2.5rem;
    left: 1.28%;
    top: 47.7%;
}
.swiper-slide4 .giff{
	width: 2.8rem;
	height: 2.5rem;
	right: 2.28%;
	bottom: 1%;
}
/*-------------------------swiper-slide5--------------------------*/
.swiper-slide5 .bigimg{
	width: 73.28125%;
    height: 163.05%;
    left: -29.21875%;
    top: -70.51%;
}

.swiper-slide5 .xuanzhuan{
	width: 2.87rem;
    height: 2.87rem;
    left: 4.0%;
    top: 69%;
}
.swiper-slide5 .xuanzhuan div{
	width: 100%;
	height: 100%;
}
.swiper-slide5 .redbg{
	width: 128.75%;
    height: 34.7%;
    left: -8.90%;
    top: 94.7%;
}
 .redbg .redBg{
	width: 100%;
	height: 100%;
	background-color: rgb(217, 41, 64);
	transform: rotate(340deg);
}
.swiper-slide5 .opacitybg{
	width: 57.8%;
    height: 68.68%;
    left: 38.75%;
    top: 14.78%;
}
.swiper-slide5 .opacitybg1{
	width: 100%;
    height: 100%;
    background-color: rgb(0, 202, 130);
    opacity: 0.15;
}

.swiper-slide5 .xiangmu{
	width: 60%;
    height: auto;
    left: 50%;
    top: 5.85%;
    font-style: italic;
    font-family: 微软雅黑;
    color: rgb(217, 41, 64);
    font-weight: 700;
    font-size: 0.5rem;
}
.swiper-slide5 .maintext{
	width: 57.8%;
    height: 64.68%;
    left: 38.75%;
    top: 14.78%;

}
.swiper-slide5 .maintext li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 0.2rem;
	margin-top: 0.1rem;
	font-family: 微软雅黑;
    color: rgb(45, 116, 156);
}
.swiper-slide5 .maintext .explain{
	padding-left: 0.3rem;
	margin-top:0.04rem;
	font-size: 0.26rem;

}
.swiper-slide5 .maintext .title{
	font-size: 0.3rem;
}
/*-----------------------swiper-slide6--------------------------*/

.swiper-slide6 .bigBg{
	width: 183.43%;
    height: 104.6%;
    left: -45%;
    top: -2.1%;
}
.swiper-slide6 .blueBg{
	width: 14rem;
	height: 14rem;
    left: -57%;
    top: 39.7%;
}
/*@media only screen and (max-width:330px ){
	.swiper-slide6 .blueBg{
		left: -1.435rem;
		top: 30.7%;
	}
}*/
.swiper-slide6 .blueBg .bluebg{
	width: 100%;
	height: 100%;
	transform: rotate(45deg);
	background-color: rgb(0, 98, 184);
}
.swiper-slide6 .leftbg{
	width: 32.03%;
    height: 24.90%;
    left: 0%;
    top: 22.2%;
}

.swiper-slide6 .upbg{
	width: 36.25%;
    height: 42.12%;
    left: 29.84%;
    top: 3.78%;
}
.swiper-slide6 .rightbg{
	width: 27.65%;
    height: 26.28%;
    left: 68.28%;
    top: 21.32%;
}
.swiper-slide6 .yunduo{
	width: 100%;
    height: 15.575396825396826%;
    left: 0%;
    bottom:0%;
}
.swiper-slide6 .daiyan{
	width: auto;
    height: auto;
    left: 21.59%;
    top: 48.90%;
    font-family: 微软雅黑;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 0.5rem;
}
.swiper-slide6 .introduce{
	width: 95%;
    height: auto;
    left: 3.59%;
    top: 55.90%;
    line-height: 0.6rem;
    font-family: 微软雅黑;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 0.3rem;
}























/*-------------------------------music----------------------*/
.music-w{
	position: absolute;
	height:0.98rem;
	top:0.16rem;
	left:0;
	right: 0;
	z-index: 999;
}
.music-w .music{
	width:0.95rem;
	height: 0.95rem;
	position: absolute;
	right: 0.15rem;
	top:0.15rem;
	background: url(../img/music.gif) transparent no-repeat center center;
	background-size:cover ;
}
.music-w .stoped{
	background: 0 0;
}

.music-w .music .xz-img{
	width:0.63rem;
	height: 0.63rem;
	background: url(../img/music.png) transparent no-repeat center center;
	background-size: contain;
	position: absolute;
	top:20%;
	left: 2%;
	-webkit-animation: xz 1.2s linear infinite;
	animation: xz 1.2s linear infinite;
}

@-webkit-keyframes xz{
	0%{-webkit-transform: rotate(0);
		transform: rotate(0);
		}
	100%{-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		}
}
@keyframes xz{
	0%{-webkit-transform: rotate(0);
		transform: rotate(0);
		}
	100%{-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		}
}

.music-w audio{
	width: 300px;
	height: 30px;
	position: absolute;
	top:30px;
	left: 0;
}
